@import url('../../styles/variable');

.my-project-layout {
  .project_aside {
    min-width: 240px;
    max-width: 240px;
    top: 70px;
    overflow-y: auto;
    height: calc(100vh - @home-top);

    .project_item {
      height: 36px;
      font-size: 14px;
      &:hover {
        .page_num {
          display: none;
        }
        .project_op {
          display: block;
        }
      }
    }
    .project_item_active {
      height: 36px;
      background-image: url('https://fengnull.gitee.io/picture_house/page/nav-menu-img.png');
      background-repeat: round;
    }
  }

  .project_main {
    flex: 1;
    z-index: 10;
    background-color: @app-background-color;
  }

  .project_add {
    width: 200px;
    height: 68px;
    margin: 16px 32px 16px 20px;
    border: 1px solid #39414d;
    background: @btn-bg-color;
    color: #00c1de;

    &:hover {
      border-color: var(--el-button-hover-border-color);
    }

    img {
      width: 100px;
      height: 100%;
    }

    .project_add_title {
      flex: 1;
    }
  }
}
